
<div class="check-email step-wrap {{emailConf.isOld}}">
    <div class="eui-bar page-header eui-bar-fixed eui-bar-fixed-top">
        <div class="eui-bar-nav">
            {% if emailConf.isOld === 'btn-step' %}
                <a href="javascript:history.go(-1);" class="eui-icon eui-icon-back"></a>       
            {% else %}     
                <a href="javascript:;" class="btn-back eui-icon eui-icon-back"></a>
            {% endif %}
            <h1 class="page-title eui--text-center">{{emailConf.pageTitle}}</h1>
        </div>
    </div>
    <div class="page-wrap eui--white-bacg">                          
        <div class="eui-login-form eui--margin-t-0">                    
            <p class="page-title-second eui--556c96-color eui--font-26 {{emailConf.pageTitleMargin}}">
                {{__("change_email_page_tips_1")}} <span class="phone-num eui--black-color">XX-XXXXXXXXXXX</span>{{__("change_email_page_tips_2")}}
            </p>
            {% if emailConf.isOld === 'btn-step' %}
                <p class="eui--black-color eui--font-26" style="margin:.213333rem 0 .373333rem">{{__("old_email")}} <span class="old-email">XXXXXXX</span>    </p>    
            {% endif %}
            <div class="input-list eui--text-center eui--clearfix">
                <div class="eui-input-grip eui--text-center">
                    <input type="number" class="eui--display-b eui--text-center" name="" value="" maxlength="1">                
                </div>    
                <div class="eui-input-grip eui--text-center">
                    <input type="number" class="eui--display-b eui--text-center" name="" value="" maxlength="1">                
                </div> 
                <div class="eui-input-grip eui--text-center">
                    <input type="number" class="eui--display-b eui--text-center" name="" value="" maxlength="1">                
                </div> 
                <div class="eui-input-grip eui--text-center">
                    <input type="number" class="eui--display-b eui--text-center" name="" value="" maxlength="1">                
                </div>  
                <div class="eui-input-grip eui--text-center">
                    <input type="number" class="eui--display-b eui--text-center" name="" value="" maxlength="1">                
                </div> 
                <div class="eui-input-grip eui--text-center">
                    <input type="number" class="eui--display-b eui--text-center" name="" value="" maxlength="1">                
                </div>           
            </div>

            <a class="{{emailConf.isOld}} eui-btn eui--width-100 eui-btn-lg eui-btn-primary" href="javascript:;">{{emailConf.btnTitle}}</a>
        </div>
        {% block emailFooter %}
        {% include "../../common/email/change_email_footer.html" %}
        {% endblock %}
    </div>
</div>
